﻿<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>努比亚</title>
    <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="./css/style.css" />
  </head>
  <body>
    <!-- header start -->
    <header>
      <div class="logo"><img src="./images/logo.png" alt="" /></div>
      <nav>
        <ul>
          <li><a href="#">首页</a></li>
          <li><a href="#">商城</a></li>
          <li><a href="#">产品</a></li>
          <li><a href="#">应用</a></li>
          <li><a href="#">服务</a></li>
          <li><a href="#">体验店</a></li>
          <li><a href="#">社区</a></li>
        </ul>
      </nav>
      <div class="login">
        <i></i>
        <a href="#">注册</a>
        <a href="#">登录</a>
      </div>
    </header>
    <!-- header end -->
    <!-- content start -->
    <section class="production">
      <ul>
        <li>
          <img src="./images/nav_p1.png" alt="" />
          <p>Z11 MS <span>新款</span></p>
        </li>
        <li>
          <img src="./images/nav_p2.png" alt="" />
          <p>Z11</p>
        </li>
        <li>
          <img src="./images/nav_p3.png" alt="" />
          <p>Z11 MAX</p>
        </li>
        <li>
          <img src="./images/nav_p4.png" alt="" />
          <p>Z11 MS</p>
        </li>
        <li>
          <img src="./images/nav_p5.png" alt="" />
          <p>Z11 MS</p>
        </li>
        <li>
          <img src="./images/nav_p6.png" alt="" />
          <p>Z11 MS</p>
        </li>
        <li>
          <img src="./images/nav_p7.png" alt="" />
          <p>Z11 MS</p>
        </li>
        <li>
          <img src="./images/nav_p8.png" alt="" />
          <p>Z11 MS <span>新款</span></p>
        </li>
        <li class="move"></li>
      </ul>
    </section>
    <section class="banner">
      <ol>
        <li><span></span></li>
        <li><span></span></li>
        <li><span></span></li>
        <li><span></span></li>
        <li><span></span></li>
      </ol>
    </section>
    <section class="video">
      <div class="img img1">
        <div class="play">
          <img src="./images/play.png" alt="" />
          <h3>Z11 黑金版</h3>
          <p>产品视频</p>
        </div>
      </div>
      <div class="img img2">
        <div class="play">
          <img src="./images/play.png" alt="" />
          <h3>微距相机</h3>
        </div>
      </div>
      <div class="img img3">
        <div class="play">
          <img src="./images/play.png" alt="" />
          <h3>nubia Z11</h3>
          <p>突破边界</p>
        </div>
      </div>
    </section>
    <section class="new">
      <div class="newTitle">
        <h2>最新产品</h2>
        <a href="#">查看全部手机&gt;</a>
      </div>
      <div class="showbox">
        <div class="top">
          <img src="./images/con_p1.png" alt="" />
          <div class="name">
            <h3>nubia Z11</h3>
            <p>极光蓝</p>
            <span>一探究竟</span>
          </div>
        </div>
        <div class="aside">
          <img src="./images/con_p3.png" alt="" />
          <div class="name">
            <h3>nubia Z11 miniS</h3>
            <p>手机摄影专家</p>
            <span>一探究竟</span>
          </div>
        </div>
        <div class="main_top">
          <img src="./images/con_p2.png" alt="" />
          <div class="name">
            <h3>nubia Z11 miniS</h3>
            <p>手机摄影专家</p>
            <span>一探究竟</span>
          </div>
        </div>
        <div class="main_bottom">
          <img src="./images/con_p4.png" alt="" />
          <div class="name">
            <h3>nubia Z11 Max</h3>
            <p>大不同</p>
          </div>
        </div>
        <div class="main_bottom noMargin">
          <img src="./images/con_p5.png" alt="" />
          <div class="name">
            <h3>nubia Z11 mini</h3>
            <p>小世界大精彩</p>
          </div>
        </div>
      </div>
    </section>
    <section class="accessory">
      <div class="accessoryTitle">
        <h2>精选配件</h2>
        <a href="#">查看全部配件>&gt;</a>
      </div>
      <ul>
        <li>
          <img src="./images/con_p6.png" alt="" />
          <p>努比亚快充移动电源</p>
        </li>
        <li>
          <img src="./images/con_p7.png" alt="" />
          <p>努比亚圈铁耳机</p>
        </li>
        <li>
          <img src="./images/con_p8.png" alt="" />
          <p>努比亚炫美自拍杆</p>
        </li>
        <li>
          <img src="./images/con_p9.png" alt="" />
          <p>nubia摄影三脚架</p>
        </li>
      </ul>
    </section>
    <!-- content start -->
    <!-- footer start -->
    <footer>
      <div class="allPhone">
        <h3><i></i>&gt; 全部机型</h3>
        <dl>
          <dt>Z系列</dt>
          <dd>nubia Z11</dd>
          <dd>nubia Z11 Max</dd>
          <dd>nubia Z11 mini</dd>
          <dd>nubia Z9</dd>
          <dd>nubia Z9 Max</dd>
          <dd>nubia Z9 mini</dd>
        </dl>
        <dl>
          <dt>M系列</dt>
          <dd>nubia 布拉格S</dd>
          <dd>nubia My 布拉格</dd>
        </dl>
        <dl>
          <dt>Z系列</dt>
          <dd>保护壳</dd>
          <dd>皮套</dd>
          <dd>贴膜</dd>
          <dd>耳机</dd>
          <dd>数据线/充电器</dd>
          <dd>周边产品</dd>
        </dl>
      </div>
      <div class="info">
        <div class="about">
          <ul>
            <li><a href="#">关于我们</a>|&nbsp;</li>
            <li><a href="#">联系我们</a>|&nbsp;</li>
            <li><a href="#">新闻中心</a>|&nbsp;</li>
            <li><a href="#">加入我们</a>|&nbsp;</li>
            <li><a href="#">合作注册</a>|&nbsp;</li>
            <li><a href="#">公益</a>|&nbsp;</li>
            <li><a href="#">以旧换新</a>|&nbsp;</li>
            <li><a href="#">问题反馈</a>|&nbsp;</li>
            <li><a href="#">简体中文</a></li>
          </ul>
        </div>
        <div class="contact">
          <i class="shopping"></i>
          <i class="cloud"></i>
          <i class="weibo"></i>
          <i class="phone"></i>
          <span>服务热线：400-700-6600</span>
        </div>
      </div>
      <div class="copy">
        <p>
          2012-2017 努比亚技术有限公司 版权所有<span>粤ICP备10006213号-2</span
          ><img src="./images/span8.png" alt="" /> ICP经营许可证编号：粤B2-20120688
          <img src="./images/span9.png" alt="" /> 粤公网安备 44030502000309号
        </p>
      </div>
    </footer>
    <!-- footer end -->
  </body>
</html>
